<template>
  <div>
    App

    <!-- 绑定num数据 -->
    <!-- <Child :num="num" /> -->

    <!-- 
      绑定num数据
      绑定update:num自定义事件（将来触发自定义事件，传入的参数，就会自动修改num的值）

      :xxx.sync="xxx"
        绑定xxx数据 
        绑定update:xxx自定义事件
     -->
    <Child :num.sync="num" />
  </div>
</template>

<script>
import Child from "./Child.vue";

export default {
  name: "App",
  components: {
    Child,
  },
  data() {
    return {
      num: 0,
    };
  },
};
</script>

<style></style>
